<template name="login">
	<view class="shadow-box">
		<view class="login-box">
			<view class="userbox">
				<open-data class="avatar" type="userAvatarUrl"></open-data>
			</view>
			<view class="nickname">
				<open-data type="userNickName"></open-data>
			</view>
			<view class="sq">
				申请获取以下权限
			</view>
			<view class="hd">
				获得您的公开信息 （昵称、头像等）
			</view>
			<view class="button">
				<button :disabled="disabled" @click="getUserInfo">授权登录</button>
			</view>
		</view>
	</view>
</template>

<script>
	var that;
	export default {
		//	组件名称
		name: "login",
		data() {
			return {
				// 是否禁用 防止重复点击
				disabled: false,
			}
		},

		//	此处定义传入的参数
		props: {
			isShow: {
				type: Boolean,
				default: true
			},
		},

		//	
		watch: {
			isShow(param) {
				if (param) {
					this.isShowModal = true;
				} else {
					this.isShowModal = false;
				}
			},
		},

		//	方法列表
		methods: {
			// openMsg() {
			// 	// 这里是获取下发权限地方，根据官方文档，可以根据  wx.getSetting() 的 withSubscriptions   这个参数获取用户是否打开订阅消息总开关。后面我们需要获取用户是否同意总是同意消息推送。所以这里要给它设置为true 。
			// 	wx.getSetting({
			// 		withSubscriptions: true, //  这里设置为true,下面才会返回mainSwitch
			// 		success: function(res) {
			// 			console.log('用户统一的', res);
			// 			// 调起授权界面弹窗
			// 			if (res.subscriptionsSetting.mainSwitch) { // 用户打开了订阅消息总开关
			// 				if (res.subscriptionsSetting.itemSettings !=
			// 					null) { // 用户同意总是保持是否推送消息的选择, 这里表示以后不会再拉起推送消息的授权
			// 					let moIdState = res.subscriptionsSetting.itemSettings[
			// 						'MAWwaJ4VESHVh5URWchQ8Xv-2D8-zldHaL1UtkyfSjw']; // 用户同意的消息模板id
			// 					if (moIdState === 'accept') {
			// 						console.log('接受了消息推送');

			// 					} else if (moIdState === 'reject') {
			// 						console.log("拒绝消息推送");

			// 					} else if (moIdState === 'ban') {
			// 						console.log("已被后台封禁");

			// 					}
			// 				} else {
			// 					// 当用户没有点击 ’总是保持以上选择，不再询问‘  按钮。那每次执到这都会拉起授权弹窗
			//   			wx.showModal({
			// 						title: '提示',
			// 						content: '请授权开通服务通知',
			// 						showCancel: true,
			// 						success: function(ress) {
			// 							if (ress.confirm) {
			// 								wx.requestSubscribeMessage({ // 调起消息订阅界面
			// 									tmplIds: [
			// 										'MAWwaJ4VESHVh5URWchQ8Xv-2D8-zldHaL1UtkyfSjw'
			// 									],
			// 									success(res) {
			// 										console.log('订阅消息 成功 ');
			// 										console.log(res);
			// 									},
			// 									fail(er) {
			// 										console.log("订阅消息 失败 ");
			// 										console.log(er);
			// 									}
			// 								})

			// 							}
			// 						}
			// 					})
			// 				}

			// 			} else {
			// 				console.log('订阅消息未开启')
			// 			}
			// 		},
			// 		fail: function(error) {
			// 			console.log(error);
			// 		},
			// 	})

			// },

			//	获取用户信息
			getUserInfo(e) {

				that = this;

				// 禁用
				that.disabled = true;

				// '		uni.login({
				// 		        provider: "weixin",
				// 		        success: function (res) {
				// 		          let appid = "wx9b50e0ea8b23d256";
				// 		          let secret = "1f1de6070439b605de02342a76b40bf6";
				// 		          let url =
				// 		            "https://api.weixin.qq.com/sns/jscode2session?appid=" +
				// 		            appid +
				// 		            "&secret=" +
				// 		            secret +
				// 		            "&js_code=" +
				// 		            res.code +
				// 		            "&grant_type=authorization_code";
				// 		          uni.request({
				// 		            url: url, // 请求路径
				// 		            success: (r) => {
				// 		              console.log("r", r);
				// 		              console.info("用户的openId", r.data.openid);
				// 		            },
				// 		          });
				// 		        },
				// 		      });'


				// 微信小程序授权登录
				that.util.weChatLogin({
					success() {
						// 弹窗提示
						that.alert('登录成功');
						// that.openMsg()
						// 返回跳转
						uni.setStorageSync('login',0)
						uni.navigateBack();
					},
					complete() {
						that.disabled = false;
					},
				})
			},
		}
	}
</script>
<style>
	.shadow-box {
		position: fixed;
		width: 100%;
		height: 100%;
		background: #000000bd;
	}

	.login-box {
		background: #fff;
		width: 80%;
		margin: 25% auto;
		padding-top: 50rpx;
		padding-bottom: 40rpx;
		border-radius: 15rpx;
	}

	.userbox {
		width: 150rpx;
		height: 150rpx;
		margin: 0 auto 0 auto;
		text-align: center;
		overflow: hidden;
		border-radius: 50%;
	}

	.nickname {
		text-align: center;
		border-bottom: 1rpx solid #dedede;
		line-height: 110rpx;
		font-size: 30rpx;
		margin: 0 8%;
	}

	.sq {
		font-size: 30rpx;
		margin: 0 8%;
		line-height: 100rpx;
		color: #222222;
		margin-top: 40rpx;
	}

	.hd {
		margin: 0 8%;
		font-size: 26rpx;
		line-height: 30rpx;
		color: #666;
	}

	.button button {
		background: #FFF7CC;
		color: #333;
		/* color: #fff; */
		border: none;
		margin: 20% auto 0;
		height: 75rpx;
		line-height: 75rpx;
		font-size: 28rpx;
		width: 55%;
	}
</style>
